﻿@{
    Layout = null;
}


<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <!-- metatags-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript">
        addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
           function hideURLbar(){ window.scrollTo(0,1); } </script>
    <!-- Meta tag Keywords -->
    <!-- Custom-Style-Sheet -->
    <link href="~/css/popuo-box.css" rel="stylesheet" type="text/css" media="all" />
    <link href="~/css/style.css" rel="stylesheet" type="text/css" media="all" /><!--style_sheet-->
    <link rel="stylesheet" href="~/css/flexslider.css" type="text/css" media="screen" property="" />
    <link rel="stylesheet" href="~/css/font-awesome.css"> <!-- Font-Awesome_Icons-CSS -->
    <!--//Custom-Style-Sheet -->
    <!--online_fonts-->
    <link href="http://maxcdn.bootstrapcdn.com/css?family=Audiowide" rel="stylesheet">
    <link href="http://maxcdn.bootstrapcdn.com/css?family=Montserrat+Alternates" rel="stylesheet">
    <!--//online_fonts-->
</head>
<body>
    <div class="w3l-head">
        <h1>银行管理系统</h1>
    </div>
    <div class="w3l-main">
        <div class="w3l-left-side">

            <div class="flexslider">
                <ul class="slides">
                    <li>
                        <img src="images/g5.jpg" alt="image" />
                    </li>
                    <li>
                        <img src="images/g2.jpg" alt="image" />
                    </li>
                    <li>
                        <img src="images/g3.jpg" alt="image" />
                    </li>
                    <li>
                        <img src="images/g4.jpg" alt="image" />
                    </li>
                    <li>
                        <img src="images/g1.jpg" alt="image" />
                    </li>
                </ul>
            </div>
        </div>

        <div class="w3l-rigt-side">
            <form action="#" method="post">
                <p>@ViewBag.info</p>
                <div class="w3l-signin">
                    <a class="w3_play_icon1" href="#small-dialog1">登陆</a>
                </div>
                <div class="w3l-signup">
                    <a class="w3_play_icon1" href="#small-dialog2">注册</a>
                </div>
                <div class="clear"></div>
            </form>
        </div>
        <div class="clear"></div>
    </div>

    <!--sign in form -->
    <div id="small-dialog1" class="mfp-hide">
        <div class="wthree-container">
            <div class="wthree-form">
                <div class="agileits-2">
                    <h2>登陆</h2>
                </div>
                <form action="@Url.Content("~/Home/VerifyAdmin")" method="post">
                    <div class="w3-user">
                        <span><i class="fa fa-user-o" aria-hidden="true"></i></span>
                        <input type="text" name="account" placeholder="Username" required="">
                    </div>
                    <div class="clear"></div>
                    <div class="w3-psw">
                        <span><i class="fa fa-key" aria-hidden="true"></i></span>
                        
                        <input type="password" name="pwd" placeholder="Password" required="">
                    </div>
                    <div class="clear"></div>
                    <div class="w3l-check">
                        <input type="checkbox" class="checkbox">
                        <span><a href="#">记住密码?</a></span>
                    </div>
                    <div class="clear"></div>
                    <div class="signin">
                        <input type="submit" value="登陆">
                    </div>
                    <div class="clear"></div>
                </form>
            </div>
        </div>
    </div>
    <!--sign in form -->
    <!-- for register popup -->
    <!--sign up form -->
    <div id="small-dialog2" class="mfp-hide">
        <div class="wthree-container">
            <div class="wthree-form bg">
                <div class="agileits-2">
                    <h2>注册</h2>
                </div>
                <form action="/Home/Account" method="post">
                    <div class="w3-user">
                        <span><i class="fa fa-user-o" aria-hidden="true"></i></span>
                        <input type="text" name="login" placeholder="Username" required="">
                    </div>
                    <div class="clear"></div>
                    <div class="clear"></div>
                    <div class="w3-psw">
                        <span><i class="fa fa-key" aria-hidden="true"></i></span>
                        <input type="password" name="pwd" placeholder="Password" required="">
                    </div>
                    <div class="clear"></div>
                    <div class="w3l-check">
                        <input type="checkbox" class="checkbox">
                        <span><a href="#">记住密码?</a></span>
                    </div>
                    <div class="clear"></div>
                    <div class="signin">
                        <input type="submit" value="注册">
                    </div>
                    <div class="clear"></div>
                </form>
            </div>
        </div>
    </div>
    <!--sign in form -->
    <!-- //for register popup -->
    <footer>Copyright &copy; 2018.Company name All rights reserved.<a target="_blank" href="http://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></footer>


    <script type="text/javascript" src="~/js/jquery-2.1.4.min.js"></script>

    <!-- pop-up-box-js-file -->
    <script src="~/js/jquery.magnific-popup.js" type="text/javascript"></script>
    <!--//pop-up-box-js-file -->
    <script>
    $(document).ready(function () {
        $('.w3_play_icon,.w3_play_icon1,.w3_play_icon2').magnificPopup({
            type: 'inline',
            fixedContentPos: false,
            fixedBgPos: true,
            overflowY: 'auto',
            closeBtnInside: true,
            preloader: false,
            midClick: true,
            removalDelay: 300,
            mainClass: 'my-mfp-zoom-in'
        });

    });
    </script>
    <!-- flexSlider -->
    <script defer src="~/js/jquery.flexslider.js"></script>
    <script type="text/javascript">
	    $(window).load(function () {
	        $('.flexslider').flexslider({
	            animation: "slide",
	            start: function (slider) {
	                $('body').removeClass('loading');
	            }
	        });
	    });
    </script>
    <!-- //flexSlider -->
</body>
</html>